<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
</head>
<body>
        通常来说 一段程序代码中所用到的名字并不是有效和可用的，而限定这个名字的 可用性的代码范围 就是这个名字的作用域
        作用域 的使用提高了 程序逻辑的局部性 增强了程序的可靠性 减少了名字冲突
    <script>
        // 1 作用域  ：就是代码名字(变量)在某个范围内起作用和效果  目的 ：为了提高程序的可靠性 更重要的是减少命名冲突
        // 全局作用域  整个 script 标签 或者是一个单独的 js 文件
        // 局部作用域 （函数作用域） 在函数内部作用域 这个代码的名字只在函数内部起效果和作用
        //   分为全局变量 和 局部变量

        // 2 全局变量   在全局作用域下的变量 在全局下都可以使用  
        // 注意 ： 如果在函数内部 没有声明直接赋值的变量也属于全局变量
        // var num = 10;
        // console.log(num);
        // // 3 局部变量   在局部作用域下的变量 在函数内部的变量就是 局部变量
        // // 注意 函数的形参也可以是看作局部变量
        // function fn(aru){
        //     // 局部作用域
        //     var num1 = 20;
        //     console.log(num1);
        //     num2 = 30;
        // }
        // fn();
        // console.log(num2);

        // 4 从执行效率来看全局变量和局部变量
        /* 全局变量只有在浏览器关闭的时候才会销毁 比较占内存资源
           局部变量 当我们程序执行完毕就会销毁  比较节约内存3资源
        */



        /* 作用域链  : 内部函数访问外部函数的变量 采取的是链式查找的方式来决定取哪个值 这种结构 我们称为 作用域链
                       就近原则
        */
        var num = 10;
        function fn(){ //外部函数
            var num = 20;

            function fun(){ // 内部函数
                console.log(num);
            }
            fun();
        }
        fn();
    </script>
</body>
</html>